<!DOCTYPE html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>添加用户</title>
    <link rel="stylesheet" href="./src/css/layui.css">
</head>
<body>
<form class="layui-form" style="width: 80%;" id="auf">
    <div class="layui-form-item">
        <label class="layui-form-label">账号</label>
        <div class="layui-input-block">
            <div style="line-height: 40PX;" class="layui-input">账号123455</div>
            <label><span style="color: red">(暂时不支持修改！)</span></label>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">昵称</label>
        <div class="layui-input-block">
            <input type="text" id="nickname" class="layui-input"
                   lay-verify="required" placeholder="请输入昵称" name="nickname" value="">
            <!-- <label><span style="color: red">(谨慎设置，暂时不支持修改！)</span></label> -->
        </div>
    </div>
	<div class="layui-form-item">
	    <label class="layui-form-label">性别</label>
	    <div class="layui-input-block">
	        <input type="radio" name="sex" value="1" title="男" checked>
	        <input type="radio" name="sex" value="0" title="女"> <input
	            type="radio" name="sex" value="2" title="保密">
	    </div>
	</div>
    <div class="layui-form-item">
       <div class="layui-inline">
             <label class="layui-form-label">手机号</label>
             <div class="layui-input-inline">
               <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
             </div>
           </div>
		  
    </div>
    <div class="layui-form-item">
        
        <div class="layui-inline">
              <label class="layui-form-label">邮箱</label>
              <div class="layui-input-inline">
                <input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input">
              </div>
            </div> 
    </div>
    
    <div class="layui-form-item">
        <label class="layui-form-label">QQ号</label>
        <div class="layui-input-block">
            <input type="text" id="birthday" class="layui-input"
                   name="birthday" lay-verify="number" placeholder="请输入QQ号">
        </div>
    </div>
	<div class="layui-form-item">
	    <label class="layui-form-label">身份证号</label>
	    <div class="layui-input-block">
	        <input type="text" id="birthday" class="layui-input"
	               name="birthday" lay-verify="identity" placeholder="请输入身份证号">
	    </div>
	</div>
    <div class="layui-form-item">
        <label class="layui-form-label">微信号</label>
        <div class="layui-input-block">
            <input type="text" name="address" class="layui-input" lay-verify=""
                   placeholder="请输入微信号" value="">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">用户状态</label>
        <div class="layui-input-block">
          <input type="radio" name="sex" value="0" title="正常" checked="">
          <input type="radio" name="sex" value="1" title="不正常">
          <input type="radio" name="sex" value="2" title="冻结" >
        </div>
      </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit="" lay-filter="addUser">立即提交</button>
        </div>
    </div>
</form>
<script src="./src/layui.js"></script>
<script>
	
	layui.use(['form'],function(){
		form.render();
	})
	
</script>
</body>
</html>